<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>3r 三人行广告服务股份有限公司</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimal-ui">
<link rel="stylesheet" href="/wp-content/css/main.css">
<script src="/wp-content/js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<link rel="alternate" type="application/rss+xml" title="Build in Amsterdam &raquo; Feed" href="/feed/" />
<link rel="alternate" type="application/rss+xml" title="Build in Amsterdam &raquo; Comments Feed" href="/comments/feed/" />
<link rel="alternate" type="application/rss+xml" title="Build in Amsterdam &raquo; Home Comments Feed" href="/home/feed/" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="/wp-includes/wlwmanifest.xml" />
<meta name="generator" content="WordPress 3.9.2" />
<link rel='canonical' href='/' />
<link rel='shortlink' href='/' />
</head>
<body class="home page page-id-6 page-template-default page">
<section id="contact">
    <a href="index.html" id="contact-logo" class="internal">Build in Amsterdam</a>

    <div class="contact-inner firstTop">
        <div class="col email">
            <h2>邮箱</h2>
            <p><a href="mailto:hello@${about.email}">${about.email}</a></p>
        </div>

        <div class="col">
            <h2>电话</h2>
            <p><a href="tel:+${about.phone}">+${about.phone}</a></p>
        </div>
        
        <div class="col">
            <h2>传真</h2>
            <p><a href="tel:+${about.fax}">+${about.fax}</a></p>
        </div>
        
        <div class="col">
            <h2>邮编</h2>
            <p><a href="tel:+${about.postcode}">${about.postcode}</a></p>
        </div>
       </div>
       
     <div class="contact-inner">
       <#list offices as office>
       	<div class="col">
            <h2>${office.city}</h2>
            <p>
                <a href="#">${office.address}<br>
                ${office.detailAddr}</a>
            </p>
        </div>
       </#list>
        </div>
<div class="contact-inner">
        <div class="col">
            <h2>微博</h2>
            <p><a href="${about.weiboUrl}" target="_blank"><img src="${uploadUrl}/${about.weiboPic}" class=""></a></p>
        </div>
        
        <div class="col">
            <h2>微信</h2>
            <p><a href="#"><img src="${uploadUrl}/${about.weixinPic}" class=""></a></p>
        </div>
    </div>

    <div id="contact-map------"></div>
    <div class="close-button"><a href="/" class="icon-close-back"><span class="l"></span><span class="r"></span></a></div>
</section>
<div id="container">
  <header class="top">
    <h1><a href="/" id="nav-logo" class="internal">3r</a></h1>
    <nav id="main-navigation">
      <ul>
         <li><a id="nav-work" href="/" class="internal">动态</a></li>
                <li><a id="nav-cust" href="cust" class="internal">客户</a></li>
                <li><a id="nav-thinkTank" href="/" class="internal">智库</a></li>
                <li><a id="nav-about" href="about" class="internal">关于我们</a></li>
                <li><a id="nav-contact" href="http://buildinamsterdam.com/contact">联系我们</a></li>
      </ul>
    </nav>
  </header>
  <div id="main-view">
    <section class="about">
      <section class="book-layout">
        <article class="chapter chapter-text" id="philosophy" data-barcolor="#121315">
          <div class="title-page photo" style="background-color: #79a596; background-image: url(/wp-content/img/11-2000x1333.jpg)">
            <ul class="quotes">
              <li class="active">
                <h2>去听 去做 去创造</h2>
                <h3 class="smallfont">我们努力在做好这些简单的事情</h3>
              </li>
            </ul>
          </div>
          <div class="text">
            <p><span style="color: #79a596;"></span>离客户近一点 用沟通解决冲突 用变化执行计划</p>
            <div style="break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid;">
              <h4>让我们在一起</h4>
              <p>在3r工作，不同于你曾做过的任何工作，你将受到挑战，得到启发，事实上，我们只是遵循一些最基本的行为方式，在这里，我们一起服务中国最大的电视台和中国和全球最优秀的客户。这注定会成为你——我们的一员的非凡事业</p>
            </div>
            <div style="break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid;">
              <h4>内容 数据 服务</h4>
              <p>All Build’s designers have a traditional design education but developed into digital specialists during their career. Our developers are more than passionate programmers: they also nurture a deep understanding of design.</p>
            </div>
            <div style="break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid;">
              <h4>服务</h4>
              <p>By working in small teams consisting of designers and developers, the exchange of ideas between disciplines is rapid and effective, gaining momentum throughout the project.</p>
            </div>
            <div style="break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid;">
              <h4>了不起的团队</h4>
              <p>Every year, Awwwards recognizes the efforts of the world’s best web developers, designers and agencies. “Build in Amsterdam” has been nominated for Best Agency, and was the only Dutch representative in 2013.</p>
            </div>
            <div style="break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid;">
              <h4>Recognition</h4>
              <p>Most of the work created by “Build in Amsterdam” in 2013 was given prestigious design awards. Cases including Protest, Tripplanner, Hommard and Woodwork were highly rated by international press and industry peers.</p>
            </div>
            <span class="text-end"></span> </div>
        </article>
        <article class="chapter chapter-photo" id="photos" data-barcolor="#79a596">
          <div class="title-page photo" style="background-color: #212226; background-image: url(/wp-content/img/IMG_10051-2000x1333.jpg)"> </div>
          <div class="photo" style="background-image: url(/wp-content/img/photo31-2000x1333.jpg);"></div>
          <div class="photo" style="background-image: url(/wp-content/img/IMG_10062-2000x1333.jpg);"></div>
          <div class="photo" style="background-image: url(/wp-content/img/IMG_10181-2000x1333.jpg);"></div>
          <div class="photo" style="background-image: url(/wp-content/img/IMG_10401-2000x1333.jpg);"></div>
        </article>
        <article class="chapter chapter-grid" id="awards" data-barcolor="#121315">
          <div class="title-page photo" style="background-color: #79a596; background-image: url(/wp-content/img/Awards-2000x1333.jpg)">
            <h2>Awards &amp; Recognitions</h2>
            <h3>enables us to do our very best</h3>
            <h3>on every single project</h3>
          </div>
          <div class="grid">
            <ul>
              <li> <a href="http:/www.thefwa.com" target="_blank">
                <figure> <img src="/wp-content/img/fwa31.png" style="width:267px;"> <span>The FWA Awards</span> </figure>
                </a> </li>
              <li> <a href="http:/www.cssdesignawards.com/" target="_blank">
                <figure> <img src="/wp-content/img/css2.png" style="width:267px;"> <span>CSS Design Awards</span> </figure>
                </a> </li>
              <li> <a href="http:/www.designlicks.com/" target="_blank">
                <figure> <img src="/wp-content/img/designlicks1.png" style="width:267px;"> <span>Design Licks</span> </figure>
                </a> </li>
              <li> <a href="http:/www.awwwards.com/" target="_blank">
                <figure> <img src="/wp-content/img/awwwards3.png" style="width:267px;"> <span>Awwwards</span> </figure>
                </a> </li>
              <li> <a href="http:/html5-showcase.com/" target="_blank">
                <figure> <img src="/wp-content/img/html_showcase2.png" style="width:267px;"> <span>HTML5 Showcase</span> </figure>
                </a> </li>
              <li> <a href="http:/www.commarts.com/" target="_blank">
                <figure> <img src="/wp-content/img/ca1.png" style="width:267px;"> <span>Communication Arts</span> </figure>
                </a> </li>
            </ul>
          </div>
        </article>
        <article class="chapter chapter-text" id="jobs" data-barcolor="#121315">
          <div class="title-page photo" style="background-color: #e06a5e; background-image: url(/wp-content/img/Join.jpg)">
            <h2>Become a Builder.</h2>
            <h3>Join the winning team!</h3>
          </div>
          <div class="text">
            <p><span style="color: #e06a5e;">W</span>e&#8217;re always looking for passionate, friendly, dedicated craftspeople to join our crew.</p>
            <h4>邮箱</h4>
            <p><a href="mailto:${about.email}">${about.email}</a></p>
            <h4>电话</h4>
           <p><a href="tel:+${about.phone}">+${about.phone}</a></p>
            <h4>传真</h4>
            <p><a href="skype:${about.fax}">+${about.fax}</a></p>
            <h4>邮编</h4>
            <p><a href="tel:+${about.postcode}">${about.postcode}</a></p>
            <#list offices as office>
            	<h4>${office.city}</h4>
            <p><a href="">${office.address}<br>
             ${office.detailAddr}</a></p>
            </#list>
            <span class="text-end"></span> </div>
        </article>
      </section>
      <nav class="book-layout-navigation" style="background-color: rgb(18, 19, 21);">
        <ul>
          <li><a href="#philosophy" class="active">公司介绍</a></li>
          <li><a href="#photos" class="">使命愿景</a></li>
          <li><a href="#awards" class="">服务理念</a></li>
          <li><a href="#jobs" class="">加入我们</a></li>
        </ul>
        <div class="about-nav-buttons"> <a class="about-nav-button prev" href="#"><i class="icon-arrow left"><span>Previous chapter</span></i></a> <a class="about-nav-button next" href="#"><i class="icon-arrow right"><span>Next chapter</span></i></a> </div>
      </nav>
    </section>
  </div>
</div>

<!--<div id="too-small-text">
    <div class="orientation">Please turn your device to get the best experience.</div>
</div>--> 

<script>
    window.BIA = window.BIA || {};
    BIA.SITE_URL = '/';
    BIA.TEMPLATE_URL = '/wp-content/themes/';
    BIA.DEV = false;
</script> 
<script src="/wp-content/js/jquery.min.js"></script> 
<script>window.jQuery || document.write('<script src="/wp-content/js/jquery-1.10.2.min.js"><\/script>')</script> 
<script src="wp-content/js/main-min.js"></script>
 <script src="wp-content/js/BIA.js"></script>
     <script src="wp-content/js/BIA.js"></script>
    <script src="wp-content/js/BIA.Router.js"></script>
    <script src="wp-content/js/BIA.AppView.js"></script>
    <script src="wp-content/js/BIA.SlideView.js"></script>
    <script src="wp-content/js/BIA.HomeView.js"></script>
    <script src="wp-content/js/BIA.ProjectView.js"></script>
    <script src="wp-content/js/BIA.CustView.js"></script>
    <script src="wp-content/js/BIA.ContactView.js"></script>
    <script src="wp-content/js/BIA.AboutView.js"></script>

</body>
</html>
